<template>
    <div class="box">
        <img src="https://img.zaozuo.com/53ab8ff4fafe35b34d8904be9e3bba6b" alt="logo">
        <p>Zelect <i class="iconfont icon-jiantou"></i></p>
        <p><span>中国</span><span>北京</span></p>
        <p>造作生活研究所的新尝试</p>
    </div>
</template>

<script>
    export default {
        name: "Prod_bg",
        data(){
            return {
                active:0,
            }

        }
    }
</script>

<style scoped>
.box{
    color: #fff;
    width: 100%;
    height: 400px;

    background: url("http://img.zaozuo.com/d10a0497f89640a5be54e0202e8008df") ;background-size:cover;
}
    .box img{
        width: 60px;
        height: 60px;
        margin-left: 20px;
        margin-top:100px;
    }
    .box p{
        overflow: hidden;
        margin-left: 10px;
    }
    .box p span {
        display: block;
        padding: 0 10px;
        float: left;
    }
    .box p span:nth-child(1){
        border-right: 1px solid #cecece;

    }

</style>